/**
 * 学习目标：jsx 实现 i/else 判断
 */
// 代码片段：inr
import React from 'react';
import ReactDOM from 'react-dom';

const isTrue = false;
// 1. if else语句 往往配合函数的返回值
function data() {
  if (isTrue) {
    return <h1>加载中...</h1>;
  } else {
    return <div>加载完成</div>;
  }
}

const divNode = (
  <>
    {data()}
    {/* 三元 */}
    {isTrue ? <h1>加载中...</h1> : <div>加载完成</div>}
    {/* 逻辑 */}
    {isTrue && <h1>加载中...</h1>}
    {!isTrue && <div>加载完成</div>}
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
